    <style>
      :host {
        user-select: none;
      }

      .translucent {
        opacity: 0.3;
      }

      #canvasDiv {
        height: 240px;
        overflow: hidden;
        position: relative;
        width:  460px;
      }

      cr-lottie {
        display: inline-block;
        position: absolute;
      }

      #fingerprintScanned {
        position: absolute;
      }
    </style>

    <div id="canvasDiv">
      <canvas id="canvas" height="240" width="460"></canvas>
      <iron-media-query query="(prefers-color-scheme: dark)"
          query-matches="{{isDarkModeActive_}}">
      </iron-media-query>
      <cr-lottie id="scanningAnimation" aria-hidden="true"
          autoplay="[[autoplay]]">
      </cr-lottie>
      <iron-icon id="fingerprintScanned" hidden></iron-icon>
    </div>
